<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head th:replace="public/introduceCss :: CSS(~{::title})">
    <title th:text="${goods.getGName()}"></title>
</head>

<body>
<!--导航栏-->
<nav th:insert="~{public/guide :: head}"></nav>

<main id="main">

    <!--最上面标题-->
    <nav th:insert="~{public/guide :: titleTop}"></nav>
    <!-- 图片 -->
    <section id="portfolio-details" class="portfolio-details">
        <div class="container">
            <div class="row gy-4">
                <div class="col-lg-8">
                    <div class="portfolio-details-slider swiper-container">
                        <h1 th:text="${goods.getGName()}"></h1>
                        <div class="swiper-wrapper align-items-center">
                            <div class="swiper-slide">
                                <a th:href="${goods.getGImg1()}" target="_blank">
                                    <img th:src="${goods.getGImg1()}" alt="">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a th:href="${goods.getGImg2()}" target="_blank">
                                    <img th:src="${goods.getGImg2()}" alt="">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a th:href="${goods.getGImg3()}" target="_blank">
                                    <img th:src="${goods.getGImg3()}" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                        <a href="">违规举报</a>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="portfolio-info">
                        <h3>商品联系人</h3>
                        <ul>
                            <li><strong>卖家姓名: </strong>[[${seller.getSelName()}]]</li>
                            <li><strong>手机号: </strong>[[${seller.getSelPhone()}]]</li>
                            <li><strong>微信: </strong>[[${seller.getSelWechat()}]]</li>
                            <li><strong>QQ: </strong>[[${seller.getSelQq()}]]</li>
                            <li><strong>价格: </strong>[[${goods.getGPrice()}]]</li>
                        </ul>
                    </div>
                    <div class="portfolio-description">
                        <h2>商品信息</h2>
                        <p th:text="${goods.getGDetails()}"></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<!-- 赞助商 -->
<nav th:insert="~{public/rump :: sponsor}"></nav>
<!--  页尾 -->
<nav th:insert="~{public/rump :: foot}"></nav>
<!-- 一键回顶 -->
<nav th:insert="~{public/rump :: backTop}"></nav>
<!-- 公共的JS文件 -->
<nav th:insert="~{public/publicJs :: JS}"></nav>

</body>

</html>